<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Font Reference - elegant</title>
    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="styles.css">
    <style type="text/css">
      html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:'Dosis','Tahoma',sans-serif}
.container{margin:15px auto;width:80%}
h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}
h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}
.small{font-size:14px;color:#a5adb4;}
.small a{color:#a5adb4;}
.small a:hover{color:#fb565e}
.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}
.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}
.glyphs.character-mapping .icon svg{fill:#000}
.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}
.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}
.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}
.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}
.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}

      
    </style>
  </head>
  <body>
    <div class="container">
      <h1>elegant</h1>
      <p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
      <h2>Character mapping</h2>
      <ul class="glyphs character-mapping">
        <li>
          <div data-icon="a" class="icon"></div>
          <input type="text" readonly="readonly" value="a">
        </li>
        <li>
          <div data-icon="b" class="icon"></div>
          <input type="text" readonly="readonly" value="b">
        </li>
        <li>
          <div data-icon="c" class="icon"></div>
          <input type="text" readonly="readonly" value="c">
        </li>
        <li>
          <div data-icon="d" class="icon"></div>
          <input type="text" readonly="readonly" value="d">
        </li>
        <li>
          <div data-icon="e" class="icon"></div>
          <input type="text" readonly="readonly" value="e">
        </li>
        <li>
          <div data-icon="f" class="icon"></div>
          <input type="text" readonly="readonly" value="f">
        </li>
        <li>
          <div data-icon="g" class="icon"></div>
          <input type="text" readonly="readonly" value="g">
        </li>
        <li>
          <div data-icon="h" class="icon"></div>
          <input type="text" readonly="readonly" value="h">
        </li>
        <li>
          <div data-icon="i" class="icon"></div>
          <input type="text" readonly="readonly" value="i">
        </li>
        <li>
          <div data-icon="j" class="icon"></div>
          <input type="text" readonly="readonly" value="j">
        </li>
        <li>
          <div data-icon="k" class="icon"></div>
          <input type="text" readonly="readonly" value="k">
        </li>
        <li>
          <div data-icon="l" class="icon"></div>
          <input type="text" readonly="readonly" value="l">
        </li>
        <li>
          <div data-icon="m" class="icon"></div>
          <input type="text" readonly="readonly" value="m">
        </li>
        <li>
          <div data-icon="n" class="icon"></div>
          <input type="text" readonly="readonly" value="n">
        </li>
        <li>
          <div data-icon="o" class="icon"></div>
          <input type="text" readonly="readonly" value="o">
        </li>
        <li>
          <div data-icon="p" class="icon"></div>
          <input type="text" readonly="readonly" value="p">
        </li>
        <li>
          <div data-icon="q" class="icon"></div>
          <input type="text" readonly="readonly" value="q">
        </li>
        <li>
          <div data-icon="r" class="icon"></div>
          <input type="text" readonly="readonly" value="r">
        </li>
        <li>
          <div data-icon="s" class="icon"></div>
          <input type="text" readonly="readonly" value="s">
        </li>
        <li>
          <div data-icon="t" class="icon"></div>
          <input type="text" readonly="readonly" value="t">
        </li>
        <li>
          <div data-icon="u" class="icon"></div>
          <input type="text" readonly="readonly" value="u">
        </li>
        <li>
          <div data-icon="v" class="icon"></div>
          <input type="text" readonly="readonly" value="v">
        </li>
        <li>
          <div data-icon="w" class="icon"></div>
          <input type="text" readonly="readonly" value="w">
        </li>
        <li>
          <div data-icon="x" class="icon"></div>
          <input type="text" readonly="readonly" value="x">
        </li>
        <li>
          <div data-icon="y" class="icon"></div>
          <input type="text" readonly="readonly" value="y">
        </li>
        <li>
          <div data-icon="z" class="icon"></div>
          <input type="text" readonly="readonly" value="z">
        </li>
        <li>
          <div data-icon="A" class="icon"></div>
          <input type="text" readonly="readonly" value="A">
        </li>
        <li>
          <div data-icon="B" class="icon"></div>
          <input type="text" readonly="readonly" value="B">
        </li>
        <li>
          <div data-icon="C" class="icon"></div>
          <input type="text" readonly="readonly" value="C">
        </li>
        <li>
          <div data-icon="D" class="icon"></div>
          <input type="text" readonly="readonly" value="D">
        </li>
        <li>
          <div data-icon="E" class="icon"></div>
          <input type="text" readonly="readonly" value="E">
        </li>
        <li>
          <div data-icon="F" class="icon"></div>
          <input type="text" readonly="readonly" value="F">
        </li>
        <li>
          <div data-icon="G" class="icon"></div>
          <input type="text" readonly="readonly" value="G">
        </li>
        <li>
          <div data-icon="H" class="icon"></div>
          <input type="text" readonly="readonly" value="H">
        </li>
        <li>
          <div data-icon="I" class="icon"></div>
          <input type="text" readonly="readonly" value="I">
        </li>
        <li>
          <div data-icon="J" class="icon"></div>
          <input type="text" readonly="readonly" value="J">
        </li>
        <li>
          <div data-icon="K" class="icon"></div>
          <input type="text" readonly="readonly" value="K">
        </li>
        <li>
          <div data-icon="L" class="icon"></div>
          <input type="text" readonly="readonly" value="L">
        </li>
        <li>
          <div data-icon="M" class="icon"></div>
          <input type="text" readonly="readonly" value="M">
        </li>
        <li>
          <div data-icon="N" class="icon"></div>
          <input type="text" readonly="readonly" value="N">
        </li>
        <li>
          <div data-icon="O" class="icon"></div>
          <input type="text" readonly="readonly" value="O">
        </li>
        <li>
          <div data-icon="P" class="icon"></div>
          <input type="text" readonly="readonly" value="P">
        </li>
        <li>
          <div data-icon="Q" class="icon"></div>
          <input type="text" readonly="readonly" value="Q">
        </li>
        <li>
          <div data-icon="R" class="icon"></div>
          <input type="text" readonly="readonly" value="R">
        </li>
        <li>
          <div data-icon="S" class="icon"></div>
          <input type="text" readonly="readonly" value="S">
        </li>
        <li>
          <div data-icon="T" class="icon"></div>
          <input type="text" readonly="readonly" value="T">
        </li>
        <li>
          <div data-icon="U" class="icon"></div>
          <input type="text" readonly="readonly" value="U">
        </li>
        <li>
          <div data-icon="V" class="icon"></div>
          <input type="text" readonly="readonly" value="V">
        </li>
        <li>
          <div data-icon="W" class="icon"></div>
          <input type="text" readonly="readonly" value="W">
        </li>
        <li>
          <div data-icon="X" class="icon"></div>
          <input type="text" readonly="readonly" value="X">
        </li>
        <li>
          <div data-icon="Y" class="icon"></div>
          <input type="text" readonly="readonly" value="Y">
        </li>
        <li>
          <div data-icon="Z" class="icon"></div>
          <input type="text" readonly="readonly" value="Z">
        </li>
        <li>
          <div data-icon="0" class="icon"></div>
          <input type="text" readonly="readonly" value="0">
        </li>
        <li>
          <div data-icon="1" class="icon"></div>
          <input type="text" readonly="readonly" value="1">
        </li>
        <li>
          <div data-icon="2" class="icon"></div>
          <input type="text" readonly="readonly" value="2">
        </li>
        <li>
          <div data-icon="3" class="icon"></div>
          <input type="text" readonly="readonly" value="3">
        </li>
        <li>
          <div data-icon="4" class="icon"></div>
          <input type="text" readonly="readonly" value="4">
        </li>
        <li>
          <div data-icon="5" class="icon"></div>
          <input type="text" readonly="readonly" value="5">
        </li>
        <li>
          <div data-icon="6" class="icon"></div>
          <input type="text" readonly="readonly" value="6">
        </li>
        <li>
          <div data-icon="7" class="icon"></div>
          <input type="text" readonly="readonly" value="7">
        </li>
        <li>
          <div data-icon="8" class="icon"></div>
          <input type="text" readonly="readonly" value="8">
        </li>
        <li>
          <div data-icon="9" class="icon"></div>
          <input type="text" readonly="readonly" value="9">
        </li>
        <li>
          <div data-icon="!" class="icon"></div>
          <input type="text" readonly="readonly" value="!">
        </li>
        <li>
          <div data-icon="&#34;" class="icon"></div>
          <input type="text" readonly="readonly" value="&quot;">
        </li>
        <li>
          <div data-icon="#" class="icon"></div>
          <input type="text" readonly="readonly" value="#">
        </li>
        <li>
          <div data-icon="$" class="icon"></div>
          <input type="text" readonly="readonly" value="$">
        </li>
        <li>
          <div data-icon="%" class="icon"></div>
          <input type="text" readonly="readonly" value="%">
        </li>
        <li>
          <div data-icon="&" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;">
        </li>
        <li>
          <div data-icon="'" class="icon"></div>
          <input type="text" readonly="readonly" value="&#39;">
        </li>
        <li>
          <div data-icon="(" class="icon"></div>
          <input type="text" readonly="readonly" value="(">
        </li>
        <li>
          <div data-icon=")" class="icon"></div>
          <input type="text" readonly="readonly" value=")">
        </li>
        <li>
          <div data-icon="*" class="icon"></div>
          <input type="text" readonly="readonly" value="*">
        </li>
        <li>
          <div data-icon="+" class="icon"></div>
          <input type="text" readonly="readonly" value="+">
        </li>
        <li>
          <div data-icon="," class="icon"></div>
          <input type="text" readonly="readonly" value=",">
        </li>
        <li>
          <div data-icon="-" class="icon"></div>
          <input type="text" readonly="readonly" value="-">
        </li>
        <li>
          <div data-icon="." class="icon"></div>
          <input type="text" readonly="readonly" value=".">
        </li>
        <li>
          <div data-icon="/" class="icon"></div>
          <input type="text" readonly="readonly" value="/">
        </li>
        <li>
          <div data-icon=":" class="icon"></div>
          <input type="text" readonly="readonly" value=":">
        </li>
        <li>
          <div data-icon=";" class="icon"></div>
          <input type="text" readonly="readonly" value=";">
        </li>
        <li>
          <div data-icon="<" class="icon"></div>
          <input type="text" readonly="readonly" value="&lt;">
        </li>
        <li>
          <div data-icon="=" class="icon"></div>
          <input type="text" readonly="readonly" value="=">
        </li>
        <li>
          <div data-icon=">" class="icon"></div>
          <input type="text" readonly="readonly" value="&gt;">
        </li>
        <li>
          <div data-icon="?" class="icon"></div>
          <input type="text" readonly="readonly" value="?">
        </li>
        <li>
          <div data-icon="@" class="icon"></div>
          <input type="text" readonly="readonly" value="@">
        </li>
        <li>
          <div data-icon="[" class="icon"></div>
          <input type="text" readonly="readonly" value="[">
        </li>
        <li>
          <div data-icon="]" class="icon"></div>
          <input type="text" readonly="readonly" value="]">
        </li>
        <li>
          <div data-icon="^" class="icon"></div>
          <input type="text" readonly="readonly" value="^">
        </li>
        <li>
          <div data-icon="_" class="icon"></div>
          <input type="text" readonly="readonly" value="_">
        </li>
        <li>
          <div data-icon="`" class="icon"></div>
          <input type="text" readonly="readonly" value="`">
        </li>
        <li>
          <div data-icon="{" class="icon"></div>
          <input type="text" readonly="readonly" value="{">
        </li>
        <li>
          <div data-icon="|" class="icon"></div>
          <input type="text" readonly="readonly" value="|">
        </li>
        <li>
          <div data-icon="}" class="icon"></div>
          <input type="text" readonly="readonly" value="}">
        </li>
        <li>
          <div data-icon="~" class="icon"></div>
          <input type="text" readonly="readonly" value="~">
        </li>
        <li>
          <div data-icon="\" class="icon"></div>
          <input type="text" readonly="readonly" value="\">
        </li>
        <li>
          <div data-icon="&#xe000;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe000;">
        </li>
        <li>
          <div data-icon="&#xe001;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe001;">
        </li>
        <li>
          <div data-icon="&#xe002;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe002;">
        </li>
        <li>
          <div data-icon="&#xe003;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe003;">
        </li>
        <li>
          <div data-icon="&#xe004;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe004;">
        </li>
        <li>
          <div data-icon="&#xe005;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe005;">
        </li>
        <li>
          <div data-icon="&#xe006;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe006;">
        </li>
        <li>
          <div data-icon="&#xe007;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe007;">
        </li>
        <li>
          <div data-icon="&#xe008;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe008;">
        </li>
        <li>
          <div data-icon="&#xe009;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe009;">
        </li>
        <li>
          <div data-icon="&#xe00a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00a;">
        </li>
        <li>
          <div data-icon="&#xe00b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00b;">
        </li>
        <li>
          <div data-icon="&#xe00c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00c;">
        </li>
        <li>
          <div data-icon="&#xe00d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00d;">
        </li>
        <li>
          <div data-icon="&#xe00e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00e;">
        </li>
        <li>
          <div data-icon="&#xe00f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00f;">
        </li>
        <li>
          <div data-icon="&#xe010;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe010;">
        </li>
        <li>
          <div data-icon="&#xe011;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe011;">
        </li>
        <li>
          <div data-icon="&#xe012;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe012;">
        </li>
        <li>
          <div data-icon="&#xe013;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe013;">
        </li>
        <li>
          <div data-icon="&#xe014;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe014;">
        </li>
        <li>
          <div data-icon="&#xe015;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe015;">
        </li>
        <li>
          <div data-icon="&#xe016;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe016;">
        </li>
        <li>
          <div data-icon="&#xe017;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe017;">
        </li>
        <li>
          <div data-icon="&#xe018;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe018;">
        </li>
        <li>
          <div data-icon="&#xe019;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe019;">
        </li>
        <li>
          <div data-icon="&#xe01a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01a;">
        </li>
        <li>
          <div data-icon="&#xe01b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01b;">
        </li>
        <li>
          <div data-icon="&#xe01c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01c;">
        </li>
        <li>
          <div data-icon="&#xe01d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01d;">
        </li>
        <li>
          <div data-icon="&#xe01e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01e;">
        </li>
        <li>
          <div data-icon="&#xe01f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01f;">
        </li>
        <li>
          <div data-icon="&#xe020;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe020;">
        </li>
        <li>
          <div data-icon="&#xe021;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe021;">
        </li>
        <li>
          <div data-icon="&#xe022;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe022;">
        </li>
        <li>
          <div data-icon="&#xe023;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe023;">
        </li>
        <li>
          <div data-icon="&#xe024;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe024;">
        </li>
        <li>
          <div data-icon="&#xe025;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe025;">
        </li>
        <li>
          <div data-icon="&#xe026;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe026;">
        </li>
        <li>
          <div data-icon="&#xe027;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe027;">
        </li>
        <li>
          <div data-icon="&#xe028;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe028;">
        </li>
        <li>
          <div data-icon="&#xe029;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe029;">
        </li>
        <li>
          <div data-icon="&#xe02a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02a;">
        </li>
        <li>
          <div data-icon="&#xe02b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02b;">
        </li>
        <li>
          <div data-icon="&#xe02c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02c;">
        </li>
        <li>
          <div data-icon="&#xe02d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02d;">
        </li>
        <li>
          <div data-icon="&#xe02e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02e;">
        </li>
        <li>
          <div data-icon="&#xe02f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02f;">
        </li>
        <li>
          <div data-icon="&#xe030;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe030;">
        </li>
        <li>
          <div data-icon="&#xe031;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe031;">
        </li>
        <li>
          <div data-icon="&#xe032;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe032;">
        </li>
        <li>
          <div data-icon="&#xe033;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe033;">
        </li>
        <li>
          <div data-icon="&#xe034;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe034;">
        </li>
        <li>
          <div data-icon="&#xe035;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe035;">
        </li>
        <li>
          <div data-icon="&#xe036;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe036;">
        </li>
        <li>
          <div data-icon="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </li>
        <li>
          <div data-icon="&#xe039;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe039;">
        </li>
        <li>
          <div data-icon="&#xe03a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03a;">
        </li>
        <li>
          <div data-icon="&#xe03b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03b;">
        </li>
        <li>
          <div data-icon="&#xe03c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03c;">
        </li>
        <li>
          <div data-icon="&#xe03d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03d;">
        </li>
        <li>
          <div data-icon="&#xe03e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03e;">
        </li>
        <li>
          <div data-icon="&#xe03f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03f;">
        </li>
        <li>
          <div data-icon="&#xe040;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe040;">
        </li>
        <li>
          <div data-icon="&#xe041;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe041;">
        </li>
        <li>
          <div data-icon="&#xe042;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe042;">
        </li>
        <li>
          <div data-icon="&#xe043;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe043;">
        </li>
        <li>
          <div data-icon="&#xe044;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe044;">
        </li>
        <li>
          <div data-icon="&#xe045;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe045;">
        </li>
        <li>
          <div data-icon="&#xe046;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe046;">
        </li>
        <li>
          <div data-icon="&#xe047;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe047;">
        </li>
        <li>
          <div data-icon="&#xe048;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe048;">
        </li>
        <li>
          <div data-icon="&#xe049;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe049;">
        </li>
        <li>
          <div data-icon="&#xe04a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04a;">
        </li>
        <li>
          <div data-icon="&#xe04b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04b;">
        </li>
        <li>
          <div data-icon="&#xe04c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04c;">
        </li>
        <li>
          <div data-icon="&#xe04d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04d;">
        </li>
        <li>
          <div data-icon="&#xe04e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04e;">
        </li>
        <li>
          <div data-icon="&#xe04f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04f;">
        </li>
        <li>
          <div data-icon="&#xe050;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe050;">
        </li>
        <li>
          <div data-icon="&#xe051;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe051;">
        </li>
        <li>
          <div data-icon="&#xe052;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe052;">
        </li>
        <li>
          <div data-icon="&#xe053;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe053;">
        </li>
        <li>
          <div data-icon="&#xe054;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe054;">
        </li>
        <li>
          <div data-icon="&#xe055;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe055;">
        </li>
        <li>
          <div data-icon="&#xe056;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe056;">
        </li>
        <li>
          <div data-icon="&#xe057;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe057;">
        </li>
        <li>
          <div data-icon="&#xe058;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe058;">
        </li>
        <li>
          <div data-icon="&#xe059;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe059;">
        </li>
        <li>
          <div data-icon="&#xe05a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05a;">
        </li>
        <li>
          <div data-icon="&#xe05b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05b;">
        </li>
        <li>
          <div data-icon="&#xe05c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05c;">
        </li>
        <li>
          <div data-icon="&#xe05d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05d;">
        </li>
        <li>
          <div data-icon="&#xe05e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05e;">
        </li>
        <li>
          <div data-icon="&#xe05f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05f;">
        </li>
        <li>
          <div data-icon="&#xe060;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe060;">
        </li>
        <li>
          <div data-icon="&#xe061;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe061;">
        </li>
        <li>
          <div data-icon="&#xe062;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe062;">
        </li>
        <li>
          <div data-icon="&#xe063;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe063;">
        </li>
        <li>
          <div data-icon="&#xe064;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe064;">
        </li>
        <li>
          <div data-icon="&#xe065;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe065;">
        </li>
        <li>
          <div data-icon="&#xe066;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe066;">
        </li>
        <li>
          <div data-icon="&#xe067;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe067;">
        </li>
        <li>
          <div data-icon="&#xe068;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe068;">
        </li>
        <li>
          <div data-icon="&#xe069;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe069;">
        </li>
        <li>
          <div data-icon="&#xe06a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06a;">
        </li>
        <li>
          <div data-icon="&#xe06b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06b;">
        </li>
        <li>
          <div data-icon="&#xe06c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06c;">
        </li>
        <li>
          <div data-icon="&#xe06d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06d;">
        </li>
        <li>
          <div data-icon="&#xe06e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06e;">
        </li>
        <li>
          <div data-icon="&#xe06f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06f;">
        </li>
        <li>
          <div data-icon="&#xe070;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe070;">
        </li>
        <li>
          <div data-icon="&#xe071;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe071;">
        </li>
        <li>
          <div data-icon="&#xe072;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe072;">
        </li>
        <li>
          <div data-icon="&#xe073;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe073;">
        </li>
        <li>
          <div data-icon="&#xe074;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe074;">
        </li>
        <li>
          <div data-icon="&#xe075;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe075;">
        </li>
        <li>
          <div data-icon="&#xe076;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe076;">
        </li>
        <li>
          <div data-icon="&#xe077;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe077;">
        </li>
        <li>
          <div data-icon="&#xe078;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe078;">
        </li>
        <li>
          <div data-icon="&#xe079;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe079;">
        </li>
        <li>
          <div data-icon="&#xe07a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07a;">
        </li>
        <li>
          <div data-icon="&#xe07b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07b;">
        </li>
        <li>
          <div data-icon="&#xe07c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07c;">
        </li>
        <li>
          <div data-icon="&#xe07d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07d;">
        </li>
        <li>
          <div data-icon="&#xe07e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07e;">
        </li>
        <li>
          <div data-icon="&#xe07f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07f;">
        </li>
        <li>
          <div data-icon="&#xe080;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe080;">
        </li>
        <li>
          <div data-icon="&#xe081;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe081;">
        </li>
        <li>
          <div data-icon="&#xe082;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe082;">
        </li>
        <li>
          <div data-icon="&#xe083;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe083;">
        </li>
        <li>
          <div data-icon="&#xe084;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe084;">
        </li>
        <li>
          <div data-icon="&#xe085;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe085;">
        </li>
        <li>
          <div data-icon="&#xe086;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe086;">
        </li>
        <li>
          <div data-icon="&#xe087;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe087;">
        </li>
        <li>
          <div data-icon="&#xe088;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe088;">
        </li>
        <li>
          <div data-icon="&#xe089;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe089;">
        </li>
        <li>
          <div data-icon="&#xe08a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08a;">
        </li>
        <li>
          <div data-icon="&#xe08b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08b;">
        </li>
        <li>
          <div data-icon="&#xe08c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08c;">
        </li>
        <li>
          <div data-icon="&#xe08d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08d;">
        </li>
        <li>
          <div data-icon="&#xe08e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08e;">
        </li>
        <li>
          <div data-icon="&#xe08f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08f;">
        </li>
        <li>
          <div data-icon="&#xe090;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe090;">
        </li>
        <li>
          <div data-icon="&#xe091;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe091;">
        </li>
        <li>
          <div data-icon="&#xe092;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe092;">
        </li>
        <li>
          <div data-icon="&#xe093;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe093;">
        </li>
        <li>
          <div data-icon="&#xe094;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe094;">
        </li>
        <li>
          <div data-icon="&#xe095;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe095;">
        </li>
        <li>
          <div data-icon="&#xe096;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe096;">
        </li>
        <li>
          <div data-icon="&#xe097;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe097;">
        </li>
        <li>
          <div data-icon="&#xe098;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe098;">
        </li>
        <li>
          <div data-icon="&#xe099;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe099;">
        </li>
        <li>
          <div data-icon="&#xe09a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09a;">
        </li>
        <li>
          <div data-icon="&#xe09b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09b;">
        </li>
        <li>
          <div data-icon="&#xe09c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09c;">
        </li>
        <li>
          <div data-icon="&#xe09d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09d;">
        </li>
        <li>
          <div data-icon="&#xe09e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09e;">
        </li>
        <li>
          <div data-icon="&#xe09f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09f;">
        </li>
        <li>
          <div data-icon="&#xe0a0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a0;">
        </li>
        <li>
          <div data-icon="&#xe0a1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a1;">
        </li>
        <li>
          <div data-icon="&#xe0a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a2;">
        </li>
        <li>
          <div data-icon="&#xe0a3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a3;">
        </li>
        <li>
          <div data-icon="&#xe0a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a4;">
        </li>
        <li>
          <div data-icon="&#xe0a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a5;">
        </li>
        <li>
          <div data-icon="&#xe0a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a6;">
        </li>
        <li>
          <div data-icon="&#xe0a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a7;">
        </li>
        <li>
          <div data-icon="&#xe0a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a8;">
        </li>
        <li>
          <div data-icon="&#xe0a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a9;">
        </li>
        <li>
          <div data-icon="&#xe0aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0aa;">
        </li>
        <li>
          <div data-icon="&#xe0ab;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ab;">
        </li>
        <li>
          <div data-icon="&#xe0ac;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ac;">
        </li>
        <li>
          <div data-icon="&#xe0ad;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ad;">
        </li>
        <li>
          <div data-icon="&#xe0ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ae;">
        </li>
        <li>
          <div data-icon="&#xe0af;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0af;">
        </li>
        <li>
          <div data-icon="&#xe0b0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b0;">
        </li>
        <li>
          <div data-icon="&#xe0b1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b1;">
        </li>
        <li>
          <div data-icon="&#xe0b2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b2;">
        </li>
        <li>
          <div data-icon="&#xe0b3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b3;">
        </li>
        <li>
          <div data-icon="&#xe0b4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b4;">
        </li>
        <li>
          <div data-icon="&#xe0b5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b5;">
        </li>
        <li>
          <div data-icon="&#xe0b6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b6;">
        </li>
        <li>
          <div data-icon="&#xe0b7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b7;">
        </li>
        <li>
          <div data-icon="&#xe0b8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b8;">
        </li>
        <li>
          <div data-icon="&#xe0b9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b9;">
        </li>
        <li>
          <div data-icon="&#xe0ba;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ba;">
        </li>
        <li>
          <div data-icon="&#xe0bb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bb;">
        </li>
        <li>
          <div data-icon="&#xe0bc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bc;">
        </li>
        <li>
          <div data-icon="&#xe0bd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bd;">
        </li>
        <li>
          <div data-icon="&#xe0be;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0be;">
        </li>
        <li>
          <div data-icon="&#xe0bf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bf;">
        </li>
        <li>
          <div data-icon="&#xe0c0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c0;">
        </li>
        <li>
          <div data-icon="&#xe0c1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c1;">
        </li>
        <li>
          <div data-icon="&#xe0c2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c2;">
        </li>
        <li>
          <div data-icon="&#xe0c3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c3;">
        </li>
        <li>
          <div data-icon="&#xe0c4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c4;">
        </li>
        <li>
          <div data-icon="&#xe0c5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c5;">
        </li>
        <li>
          <div data-icon="&#xe0c6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c6;">
        </li>
        <li>
          <div data-icon="&#xe0c7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c7;">
        </li>
        <li>
          <div data-icon="&#xe0c8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c8;">
        </li>
        <li>
          <div data-icon="&#xe0c9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c9;">
        </li>
        <li>
          <div data-icon="&#xe0ca;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ca;">
        </li>
        <li>
          <div data-icon="&#xe0cb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cb;">
        </li>
        <li>
          <div data-icon="&#xe0cc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cc;">
        </li>
        <li>
          <div data-icon="&#xe0cd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cd;">
        </li>
        <li>
          <div data-icon="&#xe0ce;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ce;">
        </li>
        <li>
          <div data-icon="&#xe0cf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cf;">
        </li>
        <li>
          <div data-icon="&#xe0d0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d0;">
        </li>
        <li>
          <div data-icon="&#xe0d1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d1;">
        </li>
        <li>
          <div data-icon="&#xe0d2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d2;">
        </li>
        <li>
          <div data-icon="&#xe0d3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d3;">
        </li>
        <li>
          <div data-icon="&#xe0d4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d4;">
        </li>
        <li>
          <div data-icon="&#xe0d5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d5;">
        </li>
        <li>
          <div data-icon="&#xe0d6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d6;">
        </li>
        <li>
          <div data-icon="&#xe0d7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d7;">
        </li>
        <li>
          <div data-icon="&#xe0d8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d8;">
        </li>
        <li>
          <div data-icon="&#xe0d9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d9;">
        </li>
        <li>
          <div data-icon="&#xe0da;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0da;">
        </li>
        <li>
          <div data-icon="&#xe0db;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0db;">
        </li>
        <li>
          <div data-icon="&#xe0dc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dc;">
        </li>
        <li>
          <div data-icon="&#xe0dd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dd;">
        </li>
        <li>
          <div data-icon="&#xe0de;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0de;">
        </li>
        <li>
          <div data-icon="&#xe0df;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0df;">
        </li>
        <li>
          <div data-icon="&#xe0e0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e0;">
        </li>
        <li>
          <div data-icon="&#xe0e1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e1;">
        </li>
        <li>
          <div data-icon="&#xe0e2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e2;">
        </li>
        <li>
          <div data-icon="&#xe0e3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e3;">
        </li>
        <li>
          <div data-icon="&#xe0e4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e4;">
        </li>
        <li>
          <div data-icon="&#xe0e5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e5;">
        </li>
        <li>
          <div data-icon="&#xe0e6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e6;">
        </li>
        <li>
          <div data-icon="&#xe0e7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e7;">
        </li>
        <li>
          <div data-icon="&#xe0e8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e8;">
        </li>
        <li>
          <div data-icon="&#xe0e9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e9;">
        </li>
        <li>
          <div data-icon="&#xe0ea;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ea;">
        </li>
        <li>
          <div data-icon="&#xe0eb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0eb;">
        </li>
        <li>
          <div data-icon="&#xe0ec;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ec;">
        </li>
        <li>
          <div data-icon="&#xe0ed;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ed;">
        </li>
        <li>
          <div data-icon="&#xe0ee;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ee;">
        </li>
        <li>
          <div data-icon="&#xe0ef;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ef;">
        </li>
        <li>
          <div data-icon="&#xe0f0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f0;">
        </li>
        <li>
          <div data-icon="&#xe0f1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f1;">
        </li>
        <li>
          <div data-icon="&#xe0f2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f2;">
        </li>
        <li>
          <div data-icon="&#xe0f3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f3;">
        </li>
        <li>
          <div data-icon="&#xe0f4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f4;">
        </li>
        <li>
          <div data-icon="&#xe0f5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f5;">
        </li>
        <li>
          <div data-icon="&#xe0f6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f6;">
        </li>
        <li>
          <div data-icon="&#xe0f7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f7;">
        </li>
        <li>
          <div data-icon="&#xe0f8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f8;">
        </li>
        <li>
          <div data-icon="&#xe0f9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f9;">
        </li>
        <li>
          <div data-icon="&#xe0fa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fa;">
        </li>
        <li>
          <div data-icon="&#xe0fb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fb;">
        </li>
        <li>
          <div data-icon="&#xe0fc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fc;">
        </li>
        <li>
          <div data-icon="&#xe0fd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fd;">
        </li>
        <li>
          <div data-icon="&#xe0fe;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fe;">
        </li>
        <li>
          <div data-icon="&#xe0ff;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ff;">
        </li>
        <li>
          <div data-icon="&#xe100;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe100;">
        </li>
        <li>
          <div data-icon="&#xe101;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe101;">
        </li>
        <li>
          <div data-icon="&#xe102;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe102;">
        </li>
        <li>
          <div data-icon="&#xe103;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe103;">
        </li>
        <li>
          <div data-icon="&#xe104;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe104;">
        </li>
        <li>
          <div data-icon="&#xe105;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe105;">
        </li>
        <li>
          <div data-icon="&#xe106;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe106;">
        </li>
        <li>
          <div data-icon="&#xe107;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe107;">
        </li>
        <li>
          <div data-icon="&#xe108;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe108;">
        </li>
        <li>
          <div data-icon="&#xe109;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe109;">
        </li>
      </ul>
      <h2>CSS mapping</h2>
      <ul class="glyphs css-mapping">
        <li>
          <div class="icon elegant-eleganticons"></div>
          <input type="text" readonly="readonly" value="eleganticons">
        </li>
        <li>
          <div class="icon elegant-eleganticons-1"></div>
          <input type="text" readonly="readonly" value="eleganticons-1">
        </li>
        <li>
          <div class="icon elegant-eleganticons-2"></div>
          <input type="text" readonly="readonly" value="eleganticons-2">
        </li>
        <li>
          <div class="icon elegant-eleganticons-3"></div>
          <input type="text" readonly="readonly" value="eleganticons-3">
        </li>
        <li>
          <div class="icon elegant-eleganticons-4"></div>
          <input type="text" readonly="readonly" value="eleganticons-4">
        </li>
        <li>
          <div class="icon elegant-eleganticons-5"></div>
          <input type="text" readonly="readonly" value="eleganticons-5">
        </li>
        <li>
          <div class="icon elegant-eleganticons-6"></div>
          <input type="text" readonly="readonly" value="eleganticons-6">
        </li>
        <li>
          <div class="icon elegant-eleganticons-7"></div>
          <input type="text" readonly="readonly" value="eleganticons-7">
        </li>
        <li>
          <div class="icon elegant-eleganticons-8"></div>
          <input type="text" readonly="readonly" value="eleganticons-8">
        </li>
        <li>
          <div class="icon elegant-eleganticons-9"></div>
          <input type="text" readonly="readonly" value="eleganticons-9">
        </li>
        <li>
          <div class="icon elegant-eleganticons-10"></div>
          <input type="text" readonly="readonly" value="eleganticons-10">
        </li>
        <li>
          <div class="icon elegant-eleganticons-11"></div>
          <input type="text" readonly="readonly" value="eleganticons-11">
        </li>
        <li>
          <div class="icon elegant-eleganticons-12"></div>
          <input type="text" readonly="readonly" value="eleganticons-12">
        </li>
        <li>
          <div class="icon elegant-eleganticons-13"></div>
          <input type="text" readonly="readonly" value="eleganticons-13">
        </li>
        <li>
          <div class="icon elegant-eleganticons-14"></div>
          <input type="text" readonly="readonly" value="eleganticons-14">
        </li>
        <li>
          <div class="icon elegant-eleganticons-15"></div>
          <input type="text" readonly="readonly" value="eleganticons-15">
        </li>
        <li>
          <div class="icon elegant-eleganticons-16"></div>
          <input type="text" readonly="readonly" value="eleganticons-16">
        </li>
        <li>
          <div class="icon elegant-eleganticons-17"></div>
          <input type="text" readonly="readonly" value="eleganticons-17">
        </li>
        <li>
          <div class="icon elegant-eleganticons-18"></div>
          <input type="text" readonly="readonly" value="eleganticons-18">
        </li>
        <li>
          <div class="icon elegant-eleganticons-19"></div>
          <input type="text" readonly="readonly" value="eleganticons-19">
        </li>
        <li>
          <div class="icon elegant-eleganticons-20"></div>
          <input type="text" readonly="readonly" value="eleganticons-20">
        </li>
        <li>
          <div class="icon elegant-eleganticons-21"></div>
          <input type="text" readonly="readonly" value="eleganticons-21">
        </li>
        <li>
          <div class="icon elegant-eleganticons-22"></div>
          <input type="text" readonly="readonly" value="eleganticons-22">
        </li>
        <li>
          <div class="icon elegant-eleganticons-23"></div>
          <input type="text" readonly="readonly" value="eleganticons-23">
        </li>
        <li>
          <div class="icon elegant-eleganticons-24"></div>
          <input type="text" readonly="readonly" value="eleganticons-24">
        </li>
        <li>
          <div class="icon elegant-eleganticons-25"></div>
          <input type="text" readonly="readonly" value="eleganticons-25">
        </li>
        <li>
          <div class="icon elegant-eleganticons-26"></div>
          <input type="text" readonly="readonly" value="eleganticons-26">
        </li>
        <li>
          <div class="icon elegant-eleganticons-27"></div>
          <input type="text" readonly="readonly" value="eleganticons-27">
        </li>
        <li>
          <div class="icon elegant-eleganticons-28"></div>
          <input type="text" readonly="readonly" value="eleganticons-28">
        </li>
        <li>
          <div class="icon elegant-eleganticons-29"></div>
          <input type="text" readonly="readonly" value="eleganticons-29">
        </li>
        <li>
          <div class="icon elegant-eleganticons-30"></div>
          <input type="text" readonly="readonly" value="eleganticons-30">
        </li>
        <li>
          <div class="icon elegant-eleganticons-31"></div>
          <input type="text" readonly="readonly" value="eleganticons-31">
        </li>
        <li>
          <div class="icon elegant-eleganticons-32"></div>
          <input type="text" readonly="readonly" value="eleganticons-32">
        </li>
        <li>
          <div class="icon elegant-eleganticons-33"></div>
          <input type="text" readonly="readonly" value="eleganticons-33">
        </li>
        <li>
          <div class="icon elegant-eleganticons-34"></div>
          <input type="text" readonly="readonly" value="eleganticons-34">
        </li>
        <li>
          <div class="icon elegant-eleganticons-35"></div>
          <input type="text" readonly="readonly" value="eleganticons-35">
        </li>
        <li>
          <div class="icon elegant-eleganticons-36"></div>
          <input type="text" readonly="readonly" value="eleganticons-36">
        </li>
        <li>
          <div class="icon elegant-eleganticons-37"></div>
          <input type="text" readonly="readonly" value="eleganticons-37">
        </li>
        <li>
          <div class="icon elegant-eleganticons-38"></div>
          <input type="text" readonly="readonly" value="eleganticons-38">
        </li>
        <li>
          <div class="icon elegant-eleganticons-39"></div>
          <input type="text" readonly="readonly" value="eleganticons-39">
        </li>
        <li>
          <div class="icon elegant-eleganticons-40"></div>
          <input type="text" readonly="readonly" value="eleganticons-40">
        </li>
        <li>
          <div class="icon elegant-eleganticons-41"></div>
          <input type="text" readonly="readonly" value="eleganticons-41">
        </li>
        <li>
          <div class="icon elegant-eleganticons-42"></div>
          <input type="text" readonly="readonly" value="eleganticons-42">
        </li>
        <li>
          <div class="icon elegant-eleganticons-43"></div>
          <input type="text" readonly="readonly" value="eleganticons-43">
        </li>
        <li>
          <div class="icon elegant-eleganticons-44"></div>
          <input type="text" readonly="readonly" value="eleganticons-44">
        </li>
        <li>
          <div class="icon elegant-eleganticons-45"></div>
          <input type="text" readonly="readonly" value="eleganticons-45">
        </li>
        <li>
          <div class="icon elegant-eleganticons-46"></div>
          <input type="text" readonly="readonly" value="eleganticons-46">
        </li>
        <li>
          <div class="icon elegant-eleganticons-47"></div>
          <input type="text" readonly="readonly" value="eleganticons-47">
        </li>
        <li>
          <div class="icon elegant-eleganticons-48"></div>
          <input type="text" readonly="readonly" value="eleganticons-48">
        </li>
        <li>
          <div class="icon elegant-eleganticons-49"></div>
          <input type="text" readonly="readonly" value="eleganticons-49">
        </li>
        <li>
          <div class="icon elegant-eleganticons-50"></div>
          <input type="text" readonly="readonly" value="eleganticons-50">
        </li>
        <li>
          <div class="icon elegant-eleganticons-51"></div>
          <input type="text" readonly="readonly" value="eleganticons-51">
        </li>
        <li>
          <div class="icon elegant-eleganticons-52"></div>
          <input type="text" readonly="readonly" value="eleganticons-52">
        </li>
        <li>
          <div class="icon elegant-eleganticons-53"></div>
          <input type="text" readonly="readonly" value="eleganticons-53">
        </li>
        <li>
          <div class="icon elegant-eleganticons-54"></div>
          <input type="text" readonly="readonly" value="eleganticons-54">
        </li>
        <li>
          <div class="icon elegant-eleganticons-55"></div>
          <input type="text" readonly="readonly" value="eleganticons-55">
        </li>
        <li>
          <div class="icon elegant-eleganticons-56"></div>
          <input type="text" readonly="readonly" value="eleganticons-56">
        </li>
        <li>
          <div class="icon elegant-eleganticons-57"></div>
          <input type="text" readonly="readonly" value="eleganticons-57">
        </li>
        <li>
          <div class="icon elegant-eleganticons-58"></div>
          <input type="text" readonly="readonly" value="eleganticons-58">
        </li>
        <li>
          <div class="icon elegant-eleganticons-59"></div>
          <input type="text" readonly="readonly" value="eleganticons-59">
        </li>
        <li>
          <div class="icon elegant-eleganticons-60"></div>
          <input type="text" readonly="readonly" value="eleganticons-60">
        </li>
        <li>
          <div class="icon elegant-eleganticons-61"></div>
          <input type="text" readonly="readonly" value="eleganticons-61">
        </li>
        <li>
          <div class="icon elegant-eleganticons-62"></div>
          <input type="text" readonly="readonly" value="eleganticons-62">
        </li>
        <li>
          <div class="icon elegant-eleganticons-63"></div>
          <input type="text" readonly="readonly" value="eleganticons-63">
        </li>
        <li>
          <div class="icon elegant-eleganticons-64"></div>
          <input type="text" readonly="readonly" value="eleganticons-64">
        </li>
        <li>
          <div class="icon elegant-eleganticons-65"></div>
          <input type="text" readonly="readonly" value="eleganticons-65">
        </li>
        <li>
          <div class="icon elegant-eleganticons-66"></div>
          <input type="text" readonly="readonly" value="eleganticons-66">
        </li>
        <li>
          <div class="icon elegant-eleganticons-67"></div>
          <input type="text" readonly="readonly" value="eleganticons-67">
        </li>
        <li>
          <div class="icon elegant-eleganticons-68"></div>
          <input type="text" readonly="readonly" value="eleganticons-68">
        </li>
        <li>
          <div class="icon elegant-eleganticons-69"></div>
          <input type="text" readonly="readonly" value="eleganticons-69">
        </li>
        <li>
          <div class="icon elegant-eleganticons-70"></div>
          <input type="text" readonly="readonly" value="eleganticons-70">
        </li>
        <li>
          <div class="icon elegant-eleganticons-71"></div>
          <input type="text" readonly="readonly" value="eleganticons-71">
        </li>
        <li>
          <div class="icon elegant-eleganticons-72"></div>
          <input type="text" readonly="readonly" value="eleganticons-72">
        </li>
        <li>
          <div class="icon elegant-eleganticons-73"></div>
          <input type="text" readonly="readonly" value="eleganticons-73">
        </li>
        <li>
          <div class="icon elegant-eleganticons-74"></div>
          <input type="text" readonly="readonly" value="eleganticons-74">
        </li>
        <li>
          <div class="icon elegant-eleganticons-75"></div>
          <input type="text" readonly="readonly" value="eleganticons-75">
        </li>
        <li>
          <div class="icon elegant-eleganticons-76"></div>
          <input type="text" readonly="readonly" value="eleganticons-76">
        </li>
        <li>
          <div class="icon elegant-eleganticons-77"></div>
          <input type="text" readonly="readonly" value="eleganticons-77">
        </li>
        <li>
          <div class="icon elegant-eleganticons-78"></div>
          <input type="text" readonly="readonly" value="eleganticons-78">
        </li>
        <li>
          <div class="icon elegant-eleganticons-79"></div>
          <input type="text" readonly="readonly" value="eleganticons-79">
        </li>
        <li>
          <div class="icon elegant-eleganticons-80"></div>
          <input type="text" readonly="readonly" value="eleganticons-80">
        </li>
        <li>
          <div class="icon elegant-eleganticons-81"></div>
          <input type="text" readonly="readonly" value="eleganticons-81">
        </li>
        <li>
          <div class="icon elegant-eleganticons-82"></div>
          <input type="text" readonly="readonly" value="eleganticons-82">
        </li>
        <li>
          <div class="icon elegant-eleganticons-83"></div>
          <input type="text" readonly="readonly" value="eleganticons-83">
        </li>
        <li>
          <div class="icon elegant-eleganticons-84"></div>
          <input type="text" readonly="readonly" value="eleganticons-84">
        </li>
        <li>
          <div class="icon elegant-eleganticons-85"></div>
          <input type="text" readonly="readonly" value="eleganticons-85">
        </li>
        <li>
          <div class="icon elegant-eleganticons-86"></div>
          <input type="text" readonly="readonly" value="eleganticons-86">
        </li>
        <li>
          <div class="icon elegant-eleganticons-87"></div>
          <input type="text" readonly="readonly" value="eleganticons-87">
        </li>
        <li>
          <div class="icon elegant-eleganticons-88"></div>
          <input type="text" readonly="readonly" value="eleganticons-88">
        </li>
        <li>
          <div class="icon elegant-eleganticons-89"></div>
          <input type="text" readonly="readonly" value="eleganticons-89">
        </li>
        <li>
          <div class="icon elegant-eleganticons-90"></div>
          <input type="text" readonly="readonly" value="eleganticons-90">
        </li>
        <li>
          <div class="icon elegant-eleganticons-91"></div>
          <input type="text" readonly="readonly" value="eleganticons-91">
        </li>
        <li>
          <div class="icon elegant-eleganticons-92"></div>
          <input type="text" readonly="readonly" value="eleganticons-92">
        </li>
        <li>
          <div class="icon elegant-eleganticons-93"></div>
          <input type="text" readonly="readonly" value="eleganticons-93">
        </li>
        <li>
          <div class="icon elegant-eleganticons-94"></div>
          <input type="text" readonly="readonly" value="eleganticons-94">
        </li>
        <li>
          <div class="icon elegant-eleganticons-95"></div>
          <input type="text" readonly="readonly" value="eleganticons-95">
        </li>
        <li>
          <div class="icon elegant-eleganticons-96"></div>
          <input type="text" readonly="readonly" value="eleganticons-96">
        </li>
        <li>
          <div class="icon elegant-eleganticons-97"></div>
          <input type="text" readonly="readonly" value="eleganticons-97">
        </li>
        <li>
          <div class="icon elegant-eleganticons-98"></div>
          <input type="text" readonly="readonly" value="eleganticons-98">
        </li>
        <li>
          <div class="icon elegant-eleganticons-99"></div>
          <input type="text" readonly="readonly" value="eleganticons-99">
        </li>
        <li>
          <div class="icon elegant-eleganticons-100"></div>
          <input type="text" readonly="readonly" value="eleganticons-100">
        </li>
        <li>
          <div class="icon elegant-eleganticons-101"></div>
          <input type="text" readonly="readonly" value="eleganticons-101">
        </li>
        <li>
          <div class="icon elegant-eleganticons-102"></div>
          <input type="text" readonly="readonly" value="eleganticons-102">
        </li>
        <li>
          <div class="icon elegant-eleganticons-103"></div>
          <input type="text" readonly="readonly" value="eleganticons-103">
        </li>
        <li>
          <div class="icon elegant-eleganticons-104"></div>
          <input type="text" readonly="readonly" value="eleganticons-104">
        </li>
        <li>
          <div class="icon elegant-eleganticons-105"></div>
          <input type="text" readonly="readonly" value="eleganticons-105">
        </li>
        <li>
          <div class="icon elegant-eleganticons-106"></div>
          <input type="text" readonly="readonly" value="eleganticons-106">
        </li>
        <li>
          <div class="icon elegant-eleganticons-107"></div>
          <input type="text" readonly="readonly" value="eleganticons-107">
        </li>
        <li>
          <div class="icon elegant-eleganticons-108"></div>
          <input type="text" readonly="readonly" value="eleganticons-108">
        </li>
        <li>
          <div class="icon elegant-eleganticons-109"></div>
          <input type="text" readonly="readonly" value="eleganticons-109">
        </li>
        <li>
          <div class="icon elegant-eleganticons-110"></div>
          <input type="text" readonly="readonly" value="eleganticons-110">
        </li>
        <li>
          <div class="icon elegant-eleganticons-111"></div>
          <input type="text" readonly="readonly" value="eleganticons-111">
        </li>
        <li>
          <div class="icon elegant-eleganticons-112"></div>
          <input type="text" readonly="readonly" value="eleganticons-112">
        </li>
        <li>
          <div class="icon elegant-eleganticons-113"></div>
          <input type="text" readonly="readonly" value="eleganticons-113">
        </li>
        <li>
          <div class="icon elegant-eleganticons-114"></div>
          <input type="text" readonly="readonly" value="eleganticons-114">
        </li>
        <li>
          <div class="icon elegant-eleganticons-115"></div>
          <input type="text" readonly="readonly" value="eleganticons-115">
        </li>
        <li>
          <div class="icon elegant-eleganticons-116"></div>
          <input type="text" readonly="readonly" value="eleganticons-116">
        </li>
        <li>
          <div class="icon elegant-eleganticons-117"></div>
          <input type="text" readonly="readonly" value="eleganticons-117">
        </li>
        <li>
          <div class="icon elegant-eleganticons-118"></div>
          <input type="text" readonly="readonly" value="eleganticons-118">
        </li>
        <li>
          <div class="icon elegant-eleganticons-119"></div>
          <input type="text" readonly="readonly" value="eleganticons-119">
        </li>
        <li>
          <div class="icon elegant-eleganticons-120"></div>
          <input type="text" readonly="readonly" value="eleganticons-120">
        </li>
        <li>
          <div class="icon elegant-eleganticons-121"></div>
          <input type="text" readonly="readonly" value="eleganticons-121">
        </li>
        <li>
          <div class="icon elegant-eleganticons-122"></div>
          <input type="text" readonly="readonly" value="eleganticons-122">
        </li>
        <li>
          <div class="icon elegant-eleganticons-123"></div>
          <input type="text" readonly="readonly" value="eleganticons-123">
        </li>
        <li>
          <div class="icon elegant-eleganticons-124"></div>
          <input type="text" readonly="readonly" value="eleganticons-124">
        </li>
        <li>
          <div class="icon elegant-eleganticons-125"></div>
          <input type="text" readonly="readonly" value="eleganticons-125">
        </li>
        <li>
          <div class="icon elegant-eleganticons-126"></div>
          <input type="text" readonly="readonly" value="eleganticons-126">
        </li>
        <li>
          <div class="icon elegant-eleganticons-127"></div>
          <input type="text" readonly="readonly" value="eleganticons-127">
        </li>
        <li>
          <div class="icon elegant-eleganticons-128"></div>
          <input type="text" readonly="readonly" value="eleganticons-128">
        </li>
        <li>
          <div class="icon elegant-eleganticons-129"></div>
          <input type="text" readonly="readonly" value="eleganticons-129">
        </li>
        <li>
          <div class="icon elegant-eleganticons-130"></div>
          <input type="text" readonly="readonly" value="eleganticons-130">
        </li>
        <li>
          <div class="icon elegant-eleganticons-131"></div>
          <input type="text" readonly="readonly" value="eleganticons-131">
        </li>
        <li>
          <div class="icon elegant-eleganticons-132"></div>
          <input type="text" readonly="readonly" value="eleganticons-132">
        </li>
        <li>
          <div class="icon elegant-eleganticons-133"></div>
          <input type="text" readonly="readonly" value="eleganticons-133">
        </li>
        <li>
          <div class="icon elegant-eleganticons-134"></div>
          <input type="text" readonly="readonly" value="eleganticons-134">
        </li>
        <li>
          <div class="icon elegant-eleganticons-135"></div>
          <input type="text" readonly="readonly" value="eleganticons-135">
        </li>
        <li>
          <div class="icon elegant-eleganticons-136"></div>
          <input type="text" readonly="readonly" value="eleganticons-136">
        </li>
        <li>
          <div class="icon elegant-eleganticons-137"></div>
          <input type="text" readonly="readonly" value="eleganticons-137">
        </li>
        <li>
          <div class="icon elegant-eleganticons-138"></div>
          <input type="text" readonly="readonly" value="eleganticons-138">
        </li>
        <li>
          <div class="icon elegant-eleganticons-139"></div>
          <input type="text" readonly="readonly" value="eleganticons-139">
        </li>
        <li>
          <div class="icon elegant-eleganticons-140"></div>
          <input type="text" readonly="readonly" value="eleganticons-140">
        </li>
        <li>
          <div class="icon elegant-eleganticons-141"></div>
          <input type="text" readonly="readonly" value="eleganticons-141">
        </li>
        <li>
          <div class="icon elegant-eleganticons-142"></div>
          <input type="text" readonly="readonly" value="eleganticons-142">
        </li>
        <li>
          <div class="icon elegant-eleganticons-143"></div>
          <input type="text" readonly="readonly" value="eleganticons-143">
        </li>
        <li>
          <div class="icon elegant-eleganticons-144"></div>
          <input type="text" readonly="readonly" value="eleganticons-144">
        </li>
        <li>
          <div class="icon elegant-eleganticons-145"></div>
          <input type="text" readonly="readonly" value="eleganticons-145">
        </li>
        <li>
          <div class="icon elegant-eleganticons-146"></div>
          <input type="text" readonly="readonly" value="eleganticons-146">
        </li>
        <li>
          <div class="icon elegant-eleganticons-147"></div>
          <input type="text" readonly="readonly" value="eleganticons-147">
        </li>
        <li>
          <div class="icon elegant-eleganticons-148"></div>
          <input type="text" readonly="readonly" value="eleganticons-148">
        </li>
        <li>
          <div class="icon elegant-eleganticons-149"></div>
          <input type="text" readonly="readonly" value="eleganticons-149">
        </li>
        <li>
          <div class="icon elegant-eleganticons-150"></div>
          <input type="text" readonly="readonly" value="eleganticons-150">
        </li>
        <li>
          <div class="icon elegant-eleganticons-151"></div>
          <input type="text" readonly="readonly" value="eleganticons-151">
        </li>
        <li>
          <div class="icon elegant-eleganticons-152"></div>
          <input type="text" readonly="readonly" value="eleganticons-152">
        </li>
        <li>
          <div class="icon elegant-eleganticons-153"></div>
          <input type="text" readonly="readonly" value="eleganticons-153">
        </li>
        <li>
          <div class="icon elegant-eleganticons-154"></div>
          <input type="text" readonly="readonly" value="eleganticons-154">
        </li>
        <li>
          <div class="icon elegant-eleganticons-155"></div>
          <input type="text" readonly="readonly" value="eleganticons-155">
        </li>
        <li>
          <div class="icon elegant-eleganticons-156"></div>
          <input type="text" readonly="readonly" value="eleganticons-156">
        </li>
        <li>
          <div class="icon elegant-eleganticons-157"></div>
          <input type="text" readonly="readonly" value="eleganticons-157">
        </li>
        <li>
          <div class="icon elegant-eleganticons-158"></div>
          <input type="text" readonly="readonly" value="eleganticons-158">
        </li>
        <li>
          <div class="icon elegant-eleganticons-159"></div>
          <input type="text" readonly="readonly" value="eleganticons-159">
        </li>
        <li>
          <div class="icon elegant-eleganticons-160"></div>
          <input type="text" readonly="readonly" value="eleganticons-160">
        </li>
        <li>
          <div class="icon elegant-eleganticons-161"></div>
          <input type="text" readonly="readonly" value="eleganticons-161">
        </li>
        <li>
          <div class="icon elegant-eleganticons-162"></div>
          <input type="text" readonly="readonly" value="eleganticons-162">
        </li>
        <li>
          <div class="icon elegant-eleganticons-163"></div>
          <input type="text" readonly="readonly" value="eleganticons-163">
        </li>
        <li>
          <div class="icon elegant-eleganticons-164"></div>
          <input type="text" readonly="readonly" value="eleganticons-164">
        </li>
        <li>
          <div class="icon elegant-eleganticons-165"></div>
          <input type="text" readonly="readonly" value="eleganticons-165">
        </li>
        <li>
          <div class="icon elegant-eleganticons-166"></div>
          <input type="text" readonly="readonly" value="eleganticons-166">
        </li>
        <li>
          <div class="icon elegant-eleganticons-167"></div>
          <input type="text" readonly="readonly" value="eleganticons-167">
        </li>
        <li>
          <div class="icon elegant-eleganticons-168"></div>
          <input type="text" readonly="readonly" value="eleganticons-168">
        </li>
        <li>
          <div class="icon elegant-eleganticons-169"></div>
          <input type="text" readonly="readonly" value="eleganticons-169">
        </li>
        <li>
          <div class="icon elegant-eleganticons-170"></div>
          <input type="text" readonly="readonly" value="eleganticons-170">
        </li>
        <li>
          <div class="icon elegant-eleganticons-171"></div>
          <input type="text" readonly="readonly" value="eleganticons-171">
        </li>
        <li>
          <div class="icon elegant-eleganticons-172"></div>
          <input type="text" readonly="readonly" value="eleganticons-172">
        </li>
        <li>
          <div class="icon elegant-eleganticons-173"></div>
          <input type="text" readonly="readonly" value="eleganticons-173">
        </li>
        <li>
          <div class="icon elegant-eleganticons-174"></div>
          <input type="text" readonly="readonly" value="eleganticons-174">
        </li>
        <li>
          <div class="icon elegant-eleganticons-175"></div>
          <input type="text" readonly="readonly" value="eleganticons-175">
        </li>
        <li>
          <div class="icon elegant-eleganticons-176"></div>
          <input type="text" readonly="readonly" value="eleganticons-176">
        </li>
        <li>
          <div class="icon elegant-eleganticons-177"></div>
          <input type="text" readonly="readonly" value="eleganticons-177">
        </li>
        <li>
          <div class="icon elegant-eleganticons-178"></div>
          <input type="text" readonly="readonly" value="eleganticons-178">
        </li>
        <li>
          <div class="icon elegant-eleganticons-179"></div>
          <input type="text" readonly="readonly" value="eleganticons-179">
        </li>
        <li>
          <div class="icon elegant-eleganticons-180"></div>
          <input type="text" readonly="readonly" value="eleganticons-180">
        </li>
        <li>
          <div class="icon elegant-eleganticons-181"></div>
          <input type="text" readonly="readonly" value="eleganticons-181">
        </li>
        <li>
          <div class="icon elegant-eleganticons-182"></div>
          <input type="text" readonly="readonly" value="eleganticons-182">
        </li>
        <li>
          <div class="icon elegant-eleganticons-183"></div>
          <input type="text" readonly="readonly" value="eleganticons-183">
        </li>
        <li>
          <div class="icon elegant-eleganticons-184"></div>
          <input type="text" readonly="readonly" value="eleganticons-184">
        </li>
        <li>
          <div class="icon elegant-eleganticons-185"></div>
          <input type="text" readonly="readonly" value="eleganticons-185">
        </li>
        <li>
          <div class="icon elegant-eleganticons-186"></div>
          <input type="text" readonly="readonly" value="eleganticons-186">
        </li>
        <li>
          <div class="icon elegant-eleganticons-187"></div>
          <input type="text" readonly="readonly" value="eleganticons-187">
        </li>
        <li>
          <div class="icon elegant-eleganticons-188"></div>
          <input type="text" readonly="readonly" value="eleganticons-188">
        </li>
        <li>
          <div class="icon elegant-eleganticons-189"></div>
          <input type="text" readonly="readonly" value="eleganticons-189">
        </li>
        <li>
          <div class="icon elegant-eleganticons-190"></div>
          <input type="text" readonly="readonly" value="eleganticons-190">
        </li>
        <li>
          <div class="icon elegant-eleganticons-191"></div>
          <input type="text" readonly="readonly" value="eleganticons-191">
        </li>
        <li>
          <div class="icon elegant-eleganticons-192"></div>
          <input type="text" readonly="readonly" value="eleganticons-192">
        </li>
        <li>
          <div class="icon elegant-eleganticons-193"></div>
          <input type="text" readonly="readonly" value="eleganticons-193">
        </li>
        <li>
          <div class="icon elegant-eleganticons-194"></div>
          <input type="text" readonly="readonly" value="eleganticons-194">
        </li>
        <li>
          <div class="icon elegant-eleganticons-195"></div>
          <input type="text" readonly="readonly" value="eleganticons-195">
        </li>
        <li>
          <div class="icon elegant-eleganticons-196"></div>
          <input type="text" readonly="readonly" value="eleganticons-196">
        </li>
        <li>
          <div class="icon elegant-eleganticons-197"></div>
          <input type="text" readonly="readonly" value="eleganticons-197">
        </li>
        <li>
          <div class="icon elegant-eleganticons-198"></div>
          <input type="text" readonly="readonly" value="eleganticons-198">
        </li>
        <li>
          <div class="icon elegant-eleganticons-199"></div>
          <input type="text" readonly="readonly" value="eleganticons-199">
        </li>
        <li>
          <div class="icon elegant-eleganticons-200"></div>
          <input type="text" readonly="readonly" value="eleganticons-200">
        </li>
        <li>
          <div class="icon elegant-eleganticons-201"></div>
          <input type="text" readonly="readonly" value="eleganticons-201">
        </li>
        <li>
          <div class="icon elegant-eleganticons-202"></div>
          <input type="text" readonly="readonly" value="eleganticons-202">
        </li>
        <li>
          <div class="icon elegant-eleganticons-203"></div>
          <input type="text" readonly="readonly" value="eleganticons-203">
        </li>
        <li>
          <div class="icon elegant-eleganticons-204"></div>
          <input type="text" readonly="readonly" value="eleganticons-204">
        </li>
        <li>
          <div class="icon elegant-eleganticons-205"></div>
          <input type="text" readonly="readonly" value="eleganticons-205">
        </li>
        <li>
          <div class="icon elegant-eleganticons-206"></div>
          <input type="text" readonly="readonly" value="eleganticons-206">
        </li>
        <li>
          <div class="icon elegant-eleganticons-207"></div>
          <input type="text" readonly="readonly" value="eleganticons-207">
        </li>
        <li>
          <div class="icon elegant-eleganticons-208"></div>
          <input type="text" readonly="readonly" value="eleganticons-208">
        </li>
        <li>
          <div class="icon elegant-eleganticons-209"></div>
          <input type="text" readonly="readonly" value="eleganticons-209">
        </li>
        <li>
          <div class="icon elegant-eleganticons-210"></div>
          <input type="text" readonly="readonly" value="eleganticons-210">
        </li>
        <li>
          <div class="icon elegant-eleganticons-211"></div>
          <input type="text" readonly="readonly" value="eleganticons-211">
        </li>
        <li>
          <div class="icon elegant-eleganticons-212"></div>
          <input type="text" readonly="readonly" value="eleganticons-212">
        </li>
        <li>
          <div class="icon elegant-eleganticons-213"></div>
          <input type="text" readonly="readonly" value="eleganticons-213">
        </li>
        <li>
          <div class="icon elegant-eleganticons-214"></div>
          <input type="text" readonly="readonly" value="eleganticons-214">
        </li>
        <li>
          <div class="icon elegant-eleganticons-215"></div>
          <input type="text" readonly="readonly" value="eleganticons-215">
        </li>
        <li>
          <div class="icon elegant-eleganticons-216"></div>
          <input type="text" readonly="readonly" value="eleganticons-216">
        </li>
        <li>
          <div class="icon elegant-eleganticons-217"></div>
          <input type="text" readonly="readonly" value="eleganticons-217">
        </li>
        <li>
          <div class="icon elegant-eleganticons-218"></div>
          <input type="text" readonly="readonly" value="eleganticons-218">
        </li>
        <li>
          <div class="icon elegant-eleganticons-219"></div>
          <input type="text" readonly="readonly" value="eleganticons-219">
        </li>
        <li>
          <div class="icon elegant-eleganticons-220"></div>
          <input type="text" readonly="readonly" value="eleganticons-220">
        </li>
        <li>
          <div class="icon elegant-eleganticons-221"></div>
          <input type="text" readonly="readonly" value="eleganticons-221">
        </li>
        <li>
          <div class="icon elegant-eleganticons-222"></div>
          <input type="text" readonly="readonly" value="eleganticons-222">
        </li>
        <li>
          <div class="icon elegant-eleganticons-223"></div>
          <input type="text" readonly="readonly" value="eleganticons-223">
        </li>
        <li>
          <div class="icon elegant-eleganticons-224"></div>
          <input type="text" readonly="readonly" value="eleganticons-224">
        </li>
        <li>
          <div class="icon elegant-eleganticons-225"></div>
          <input type="text" readonly="readonly" value="eleganticons-225">
        </li>
        <li>
          <div class="icon elegant-eleganticons-226"></div>
          <input type="text" readonly="readonly" value="eleganticons-226">
        </li>
        <li>
          <div class="icon elegant-eleganticons-227"></div>
          <input type="text" readonly="readonly" value="eleganticons-227">
        </li>
        <li>
          <div class="icon elegant-eleganticons-228"></div>
          <input type="text" readonly="readonly" value="eleganticons-228">
        </li>
        <li>
          <div class="icon elegant-eleganticons-229"></div>
          <input type="text" readonly="readonly" value="eleganticons-229">
        </li>
        <li>
          <div class="icon elegant-eleganticons-230"></div>
          <input type="text" readonly="readonly" value="eleganticons-230">
        </li>
        <li>
          <div class="icon elegant-eleganticons-231"></div>
          <input type="text" readonly="readonly" value="eleganticons-231">
        </li>
        <li>
          <div class="icon elegant-eleganticons-232"></div>
          <input type="text" readonly="readonly" value="eleganticons-232">
        </li>
        <li>
          <div class="icon elegant-eleganticons-233"></div>
          <input type="text" readonly="readonly" value="eleganticons-233">
        </li>
        <li>
          <div class="icon elegant-eleganticons-234"></div>
          <input type="text" readonly="readonly" value="eleganticons-234">
        </li>
        <li>
          <div class="icon elegant-eleganticons-235"></div>
          <input type="text" readonly="readonly" value="eleganticons-235">
        </li>
        <li>
          <div class="icon elegant-eleganticons-236"></div>
          <input type="text" readonly="readonly" value="eleganticons-236">
        </li>
        <li>
          <div class="icon elegant-eleganticons-237"></div>
          <input type="text" readonly="readonly" value="eleganticons-237">
        </li>
        <li>
          <div class="icon elegant-eleganticons-238"></div>
          <input type="text" readonly="readonly" value="eleganticons-238">
        </li>
        <li>
          <div class="icon elegant-eleganticons-239"></div>
          <input type="text" readonly="readonly" value="eleganticons-239">
        </li>
        <li>
          <div class="icon elegant-eleganticons-240"></div>
          <input type="text" readonly="readonly" value="eleganticons-240">
        </li>
        <li>
          <div class="icon elegant-eleganticons-241"></div>
          <input type="text" readonly="readonly" value="eleganticons-241">
        </li>
        <li>
          <div class="icon elegant-eleganticons-242"></div>
          <input type="text" readonly="readonly" value="eleganticons-242">
        </li>
        <li>
          <div class="icon elegant-eleganticons-243"></div>
          <input type="text" readonly="readonly" value="eleganticons-243">
        </li>
        <li>
          <div class="icon elegant-eleganticons-244"></div>
          <input type="text" readonly="readonly" value="eleganticons-244">
        </li>
        <li>
          <div class="icon elegant-eleganticons-245"></div>
          <input type="text" readonly="readonly" value="eleganticons-245">
        </li>
        <li>
          <div class="icon elegant-eleganticons-246"></div>
          <input type="text" readonly="readonly" value="eleganticons-246">
        </li>
        <li>
          <div class="icon elegant-eleganticons-247"></div>
          <input type="text" readonly="readonly" value="eleganticons-247">
        </li>
        <li>
          <div class="icon elegant-eleganticons-248"></div>
          <input type="text" readonly="readonly" value="eleganticons-248">
        </li>
        <li>
          <div class="icon elegant-eleganticons-249"></div>
          <input type="text" readonly="readonly" value="eleganticons-249">
        </li>
        <li>
          <div class="icon elegant-eleganticons-250"></div>
          <input type="text" readonly="readonly" value="eleganticons-250">
        </li>
        <li>
          <div class="icon elegant-eleganticons-251"></div>
          <input type="text" readonly="readonly" value="eleganticons-251">
        </li>
        <li>
          <div class="icon elegant-eleganticons-252"></div>
          <input type="text" readonly="readonly" value="eleganticons-252">
        </li>
        <li>
          <div class="icon elegant-eleganticons-253"></div>
          <input type="text" readonly="readonly" value="eleganticons-253">
        </li>
        <li>
          <div class="icon elegant-eleganticons-254"></div>
          <input type="text" readonly="readonly" value="eleganticons-254">
        </li>
        <li>
          <div class="icon elegant-eleganticons-255"></div>
          <input type="text" readonly="readonly" value="eleganticons-255">
        </li>
        <li>
          <div class="icon elegant-eleganticons-256"></div>
          <input type="text" readonly="readonly" value="eleganticons-256">
        </li>
        <li>
          <div class="icon elegant-eleganticons-257"></div>
          <input type="text" readonly="readonly" value="eleganticons-257">
        </li>
        <li>
          <div class="icon elegant-eleganticons-258"></div>
          <input type="text" readonly="readonly" value="eleganticons-258">
        </li>
        <li>
          <div class="icon elegant-eleganticons-259"></div>
          <input type="text" readonly="readonly" value="eleganticons-259">
        </li>
        <li>
          <div class="icon elegant-eleganticons-260"></div>
          <input type="text" readonly="readonly" value="eleganticons-260">
        </li>
        <li>
          <div class="icon elegant-eleganticons-261"></div>
          <input type="text" readonly="readonly" value="eleganticons-261">
        </li>
        <li>
          <div class="icon elegant-eleganticons-262"></div>
          <input type="text" readonly="readonly" value="eleganticons-262">
        </li>
        <li>
          <div class="icon elegant-eleganticons-263"></div>
          <input type="text" readonly="readonly" value="eleganticons-263">
        </li>
        <li>
          <div class="icon elegant-eleganticons-264"></div>
          <input type="text" readonly="readonly" value="eleganticons-264">
        </li>
        <li>
          <div class="icon elegant-eleganticons-265"></div>
          <input type="text" readonly="readonly" value="eleganticons-265">
        </li>
        <li>
          <div class="icon elegant-eleganticons-266"></div>
          <input type="text" readonly="readonly" value="eleganticons-266">
        </li>
        <li>
          <div class="icon elegant-eleganticons-267"></div>
          <input type="text" readonly="readonly" value="eleganticons-267">
        </li>
        <li>
          <div class="icon elegant-eleganticons-268"></div>
          <input type="text" readonly="readonly" value="eleganticons-268">
        </li>
        <li>
          <div class="icon elegant-eleganticons-269"></div>
          <input type="text" readonly="readonly" value="eleganticons-269">
        </li>
        <li>
          <div class="icon elegant-eleganticons-270"></div>
          <input type="text" readonly="readonly" value="eleganticons-270">
        </li>
        <li>
          <div class="icon elegant-eleganticons-271"></div>
          <input type="text" readonly="readonly" value="eleganticons-271">
        </li>
        <li>
          <div class="icon elegant-eleganticons-272"></div>
          <input type="text" readonly="readonly" value="eleganticons-272">
        </li>
        <li>
          <div class="icon elegant-eleganticons-273"></div>
          <input type="text" readonly="readonly" value="eleganticons-273">
        </li>
        <li>
          <div class="icon elegant-eleganticons-274"></div>
          <input type="text" readonly="readonly" value="eleganticons-274">
        </li>
        <li>
          <div class="icon elegant-eleganticons-275"></div>
          <input type="text" readonly="readonly" value="eleganticons-275">
        </li>
        <li>
          <div class="icon elegant-eleganticons-276"></div>
          <input type="text" readonly="readonly" value="eleganticons-276">
        </li>
        <li>
          <div class="icon elegant-eleganticons-277"></div>
          <input type="text" readonly="readonly" value="eleganticons-277">
        </li>
        <li>
          <div class="icon elegant-eleganticons-278"></div>
          <input type="text" readonly="readonly" value="eleganticons-278">
        </li>
        <li>
          <div class="icon elegant-eleganticons-279"></div>
          <input type="text" readonly="readonly" value="eleganticons-279">
        </li>
        <li>
          <div class="icon elegant-eleganticons-280"></div>
          <input type="text" readonly="readonly" value="eleganticons-280">
        </li>
        <li>
          <div class="icon elegant-eleganticons-281"></div>
          <input type="text" readonly="readonly" value="eleganticons-281">
        </li>
        <li>
          <div class="icon elegant-eleganticons-282"></div>
          <input type="text" readonly="readonly" value="eleganticons-282">
        </li>
        <li>
          <div class="icon elegant-eleganticons-283"></div>
          <input type="text" readonly="readonly" value="eleganticons-283">
        </li>
        <li>
          <div class="icon elegant-eleganticons-284"></div>
          <input type="text" readonly="readonly" value="eleganticons-284">
        </li>
        <li>
          <div class="icon elegant-eleganticons-285"></div>
          <input type="text" readonly="readonly" value="eleganticons-285">
        </li>
        <li>
          <div class="icon elegant-eleganticons-286"></div>
          <input type="text" readonly="readonly" value="eleganticons-286">
        </li>
        <li>
          <div class="icon elegant-eleganticons-287"></div>
          <input type="text" readonly="readonly" value="eleganticons-287">
        </li>
        <li>
          <div class="icon elegant-eleganticons-288"></div>
          <input type="text" readonly="readonly" value="eleganticons-288">
        </li>
        <li>
          <div class="icon elegant-eleganticons-289"></div>
          <input type="text" readonly="readonly" value="eleganticons-289">
        </li>
        <li>
          <div class="icon elegant-eleganticons-290"></div>
          <input type="text" readonly="readonly" value="eleganticons-290">
        </li>
        <li>
          <div class="icon elegant-eleganticons-291"></div>
          <input type="text" readonly="readonly" value="eleganticons-291">
        </li>
        <li>
          <div class="icon elegant-eleganticons-292"></div>
          <input type="text" readonly="readonly" value="eleganticons-292">
        </li>
        <li>
          <div class="icon elegant-eleganticons-293"></div>
          <input type="text" readonly="readonly" value="eleganticons-293">
        </li>
        <li>
          <div class="icon elegant-eleganticons-294"></div>
          <input type="text" readonly="readonly" value="eleganticons-294">
        </li>
        <li>
          <div class="icon elegant-eleganticons-295"></div>
          <input type="text" readonly="readonly" value="eleganticons-295">
        </li>
        <li>
          <div class="icon elegant-eleganticons-296"></div>
          <input type="text" readonly="readonly" value="eleganticons-296">
        </li>
        <li>
          <div class="icon elegant-eleganticons-297"></div>
          <input type="text" readonly="readonly" value="eleganticons-297">
        </li>
        <li>
          <div class="icon elegant-eleganticons-298"></div>
          <input type="text" readonly="readonly" value="eleganticons-298">
        </li>
        <li>
          <div class="icon elegant-eleganticons-299"></div>
          <input type="text" readonly="readonly" value="eleganticons-299">
        </li>
        <li>
          <div class="icon elegant-eleganticons-300"></div>
          <input type="text" readonly="readonly" value="eleganticons-300">
        </li>
        <li>
          <div class="icon elegant-eleganticons-301"></div>
          <input type="text" readonly="readonly" value="eleganticons-301">
        </li>
        <li>
          <div class="icon elegant-eleganticons-302"></div>
          <input type="text" readonly="readonly" value="eleganticons-302">
        </li>
        <li>
          <div class="icon elegant-eleganticons-303"></div>
          <input type="text" readonly="readonly" value="eleganticons-303">
        </li>
        <li>
          <div class="icon elegant-eleganticons-304"></div>
          <input type="text" readonly="readonly" value="eleganticons-304">
        </li>
        <li>
          <div class="icon elegant-eleganticons-305"></div>
          <input type="text" readonly="readonly" value="eleganticons-305">
        </li>
        <li>
          <div class="icon elegant-eleganticons-306"></div>
          <input type="text" readonly="readonly" value="eleganticons-306">
        </li>
        <li>
          <div class="icon elegant-eleganticons-307"></div>
          <input type="text" readonly="readonly" value="eleganticons-307">
        </li>
        <li>
          <div class="icon elegant-eleganticons-308"></div>
          <input type="text" readonly="readonly" value="eleganticons-308">
        </li>
        <li>
          <div class="icon elegant-eleganticons-309"></div>
          <input type="text" readonly="readonly" value="eleganticons-309">
        </li>
        <li>
          <div class="icon elegant-eleganticons-310"></div>
          <input type="text" readonly="readonly" value="eleganticons-310">
        </li>
        <li>
          <div class="icon elegant-eleganticons-311"></div>
          <input type="text" readonly="readonly" value="eleganticons-311">
        </li>
        <li>
          <div class="icon elegant-eleganticons-312"></div>
          <input type="text" readonly="readonly" value="eleganticons-312">
        </li>
        <li>
          <div class="icon elegant-eleganticons-313"></div>
          <input type="text" readonly="readonly" value="eleganticons-313">
        </li>
        <li>
          <div class="icon elegant-eleganticons-314"></div>
          <input type="text" readonly="readonly" value="eleganticons-314">
        </li>
        <li>
          <div class="icon elegant-eleganticons-315"></div>
          <input type="text" readonly="readonly" value="eleganticons-315">
        </li>
        <li>
          <div class="icon elegant-eleganticons-316"></div>
          <input type="text" readonly="readonly" value="eleganticons-316">
        </li>
        <li>
          <div class="icon elegant-eleganticons-317"></div>
          <input type="text" readonly="readonly" value="eleganticons-317">
        </li>
        <li>
          <div class="icon elegant-eleganticons-318"></div>
          <input type="text" readonly="readonly" value="eleganticons-318">
        </li>
        <li>
          <div class="icon elegant-eleganticons-319"></div>
          <input type="text" readonly="readonly" value="eleganticons-319">
        </li>
        <li>
          <div class="icon elegant-eleganticons-320"></div>
          <input type="text" readonly="readonly" value="eleganticons-320">
        </li>
        <li>
          <div class="icon elegant-eleganticons-321"></div>
          <input type="text" readonly="readonly" value="eleganticons-321">
        </li>
        <li>
          <div class="icon elegant-eleganticons-322"></div>
          <input type="text" readonly="readonly" value="eleganticons-322">
        </li>
        <li>
          <div class="icon elegant-eleganticons-323"></div>
          <input type="text" readonly="readonly" value="eleganticons-323">
        </li>
        <li>
          <div class="icon elegant-eleganticons-324"></div>
          <input type="text" readonly="readonly" value="eleganticons-324">
        </li>
        <li>
          <div class="icon elegant-eleganticons-325"></div>
          <input type="text" readonly="readonly" value="eleganticons-325">
        </li>
        <li>
          <div class="icon elegant-eleganticons-326"></div>
          <input type="text" readonly="readonly" value="eleganticons-326">
        </li>
        <li>
          <div class="icon elegant-eleganticons-327"></div>
          <input type="text" readonly="readonly" value="eleganticons-327">
        </li>
        <li>
          <div class="icon elegant-eleganticons-328"></div>
          <input type="text" readonly="readonly" value="eleganticons-328">
        </li>
        <li>
          <div class="icon elegant-eleganticons-329"></div>
          <input type="text" readonly="readonly" value="eleganticons-329">
        </li>
        <li>
          <div class="icon elegant-eleganticons-330"></div>
          <input type="text" readonly="readonly" value="eleganticons-330">
        </li>
        <li>
          <div class="icon elegant-eleganticons-331"></div>
          <input type="text" readonly="readonly" value="eleganticons-331">
        </li>
        <li>
          <div class="icon elegant-eleganticons-332"></div>
          <input type="text" readonly="readonly" value="eleganticons-332">
        </li>
        <li>
          <div class="icon elegant-eleganticons-333"></div>
          <input type="text" readonly="readonly" value="eleganticons-333">
        </li>
        <li>
          <div class="icon elegant-eleganticons-334"></div>
          <input type="text" readonly="readonly" value="eleganticons-334">
        </li>
        <li>
          <div class="icon elegant-eleganticons-335"></div>
          <input type="text" readonly="readonly" value="eleganticons-335">
        </li>
        <li>
          <div class="icon elegant-eleganticons-336"></div>
          <input type="text" readonly="readonly" value="eleganticons-336">
        </li>
        <li>
          <div class="icon elegant-eleganticons-337"></div>
          <input type="text" readonly="readonly" value="eleganticons-337">
        </li>
        <li>
          <div class="icon elegant-eleganticons-338"></div>
          <input type="text" readonly="readonly" value="eleganticons-338">
        </li>
        <li>
          <div class="icon elegant-eleganticons-339"></div>
          <input type="text" readonly="readonly" value="eleganticons-339">
        </li>
        <li>
          <div class="icon elegant-eleganticons-340"></div>
          <input type="text" readonly="readonly" value="eleganticons-340">
        </li>
        <li>
          <div class="icon elegant-eleganticons-341"></div>
          <input type="text" readonly="readonly" value="eleganticons-341">
        </li>
        <li>
          <div class="icon elegant-eleganticons-342"></div>
          <input type="text" readonly="readonly" value="eleganticons-342">
        </li>
        <li>
          <div class="icon elegant-eleganticons-343"></div>
          <input type="text" readonly="readonly" value="eleganticons-343">
        </li>
        <li>
          <div class="icon elegant-eleganticons-344"></div>
          <input type="text" readonly="readonly" value="eleganticons-344">
        </li>
        <li>
          <div class="icon elegant-eleganticons-345"></div>
          <input type="text" readonly="readonly" value="eleganticons-345">
        </li>
        <li>
          <div class="icon elegant-eleganticons-346"></div>
          <input type="text" readonly="readonly" value="eleganticons-346">
        </li>
        <li>
          <div class="icon elegant-eleganticons-347"></div>
          <input type="text" readonly="readonly" value="eleganticons-347">
        </li>
        <li>
          <div class="icon elegant-eleganticons-348"></div>
          <input type="text" readonly="readonly" value="eleganticons-348">
        </li>
        <li>
          <div class="icon elegant-eleganticons-349"></div>
          <input type="text" readonly="readonly" value="eleganticons-349">
        </li>
        <li>
          <div class="icon elegant-eleganticons-350"></div>
          <input type="text" readonly="readonly" value="eleganticons-350">
        </li>
        <li>
          <div class="icon elegant-eleganticons-351"></div>
          <input type="text" readonly="readonly" value="eleganticons-351">
        </li>
        <li>
          <div class="icon elegant-eleganticons-352"></div>
          <input type="text" readonly="readonly" value="eleganticons-352">
        </li>
        <li>
          <div class="icon elegant-eleganticons-353"></div>
          <input type="text" readonly="readonly" value="eleganticons-353">
        </li>
        <li>
          <div class="icon elegant-eleganticons-354"></div>
          <input type="text" readonly="readonly" value="eleganticons-354">
        </li>
        <li>
          <div class="icon elegant-eleganticons-355"></div>
          <input type="text" readonly="readonly" value="eleganticons-355">
        </li>
        <li>
          <div class="icon elegant-eleganticons-356"></div>
          <input type="text" readonly="readonly" value="eleganticons-356">
        </li>
        <li>
          <div class="icon elegant-eleganticons-357"></div>
          <input type="text" readonly="readonly" value="eleganticons-357">
        </li>
        <li>
          <div class="icon elegant-eleganticons-358"></div>
          <input type="text" readonly="readonly" value="eleganticons-358">
        </li>
        <li>
          <div class="icon elegant-eleganticons-359"></div>
          <input type="text" readonly="readonly" value="eleganticons-359">
        </li>
      </ul>
    </div><script type="text/javascript">
(function() {
  var glyphs, _i, _len, _ref;

  _ref = document.getElementsByClassName('glyphs');
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    glyphs = _ref[_i];
    glyphs.addEventListener('click', function(event) {
      if (event.target.tagName === 'INPUT') {
        return event.target.select();
      }
    });
  }

}).call(this);
</script>
  </body>
</html>